<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
${aier_doctype}
<html <s:property value="aier_html_xmlns" escape="false"/>>
<head>
<meta http-equiv="Content-Type" content="${aier_content_type}" />
<meta name="keywords" content="${aier_keyworks}" />
<meta name="description" content="${aier_description}" />
<title>${aier_title}</title>
<link rel="stylesheet" href="${aier_css_url}${aier_jqui_css}ui.css" />
<link rel="Stylesheet" href="${aier_css_url}jq/jq.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/jq-msg.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/reset.css">
<link rel="stylesheet" href="${aier_css_url}social/module/icon.css" />
<link rel="stylesheet" href="${aier_css_url}social/module/btn.css" />
<link rel="stylesheet" href="${aier_css_url}social/user/userCenter/usercenter.css">

<script type="text/javascript" src="${aier_js_url}j.js"></script>
<script type="text/javascript" src="${aier_js_url}${aier_jqui_js}ui.js"></script>
<script type="text/javascript" src="${aier_js_url}b.js"></script>
<script type="text/javascript" src="${aier_js_url}jp/msg.js"></script>
<script type="text/javascript" src="${aier_js_url}97/WdatePicker.js"></script>
<script type="text/javascript" src="${aier_js_url}jq/cn.js"></script>
<script type="text/javascript" src="${aier_js_url}jq/jq.js"></script>
<script type="text/javascript" src="${aier_js_url}lib/block.js"></script>
<script type="text/javascript" src="${aier_js_url}trantime/jquery-aier.js"></script>
</head>
<body>

	<!-- 顶栏 -->
	<s:action name="userhomecomm_homeHead" namespace="/user"
		executeResult="true"></s:action>

	<div class="window-content">

		<!-- 正文 -->
		<div class="wrap wrap-user-center">

			<!-- userCenter topBg -->
			<s:action name="uccomm_userCenterHTitle" namespace="/user" executeResult="true"></s:action>

			<!-- main -->

			<div class="wrap-main">
				<!-- 中间导航栏 -->
				<div class="wrap-main-nav">
					<ul class="float-list clearfix">
						<li><a class="user-center-tag" href="${aier_url}user/uccomm_userCenter.shtml?in_type=1&in_uid=${in_uid}">我的内容</a>
						</li>
						<li><a class="user-center-tag current" href="${aier_url}user/uccomm_userInfo.shtml?in_type=2&in_uid=${in_uid}">我的资料</a>
						</li>
						<s:if test="%{isOther==0}">  
                            <li><a class="user-center-tag" target="_blank" href="${aier_url}user/usermyfollow.shtml?in_uid=${in_uid}">关注/粉丝</a>
                        </li>
                        </s:if>
						<li><a class="user-center-tag" href="${aier_url}user/uccomm_userAlbum.shtml?in_type=3&in_uid=${in_uid}">我的相册</a>
						</li>
						<li><a class="user-center-tag last-has-border" href="${aier_url}user/uccomm_userLike.shtml?in_type=4&in_uid=${in_uid}">我的收藏</a>
						</li>
					</ul>
				</div>

				<!-- 编辑面板和侧栏 -->
				<div class="board-user-myinfo clearfix">


					<!-- 编辑面板  -->

					<!-- 基本信息 -->
					<div class="main-infolist">
						<div class="block block-baseinfo">
							<div class="block-titlebar">
								<div class="title">
									基本信息
								</div>
								
							</div>
							<!-- 阅读态 -->
							<div class="block-items block-items-read">
							    <s:if test="%{isOther==0}">  
						             <div class="block-item clearfix">
	                                    <div class="info-key">账号</div>
	                                    <div class="info-value">${user.account}</div>
	                                 </div>
						        </s:if>
								
								<div class="block-item clearfix">
									<div class="info-key">昵称</div>
									<div class="info-value">${user.nickname}</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">真实姓名</div>
									<div class="info-value">${user.realname}</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">所在地</div>
									<div class="info-value">江苏</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">性别</div>
									<div class="info-value">${user.sex}</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">出生日期</div>
									<div class="info-value">${user.birthday}</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">个性签名</div>
									<div class="info-value">${user.desinfo}</div>
								</div>
							</div>
							<!-- 编辑态 
							<div class="block-items block-items-edit" style="display:none;">
								<div class="block-item clearfix">
									<div class="info-key">账号</div>
									<div class="info-value">158****5033</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key"><strong>*</strong>昵称</div>
									<div class="info-value">
										<input type="text" value="蜡笔小新">
									</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">真实姓名</div>
									<div class="info-value">
										<input type="text" value="某某某">
									</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key"><strong>*</strong>所在地</div>
									<div class="info-value">
										<select name="" id="">
											<option value="江苏" selected>江苏</option>
											<option value="浙江">浙江</option>
										</select>
										<select name="" id="">
											<option value="常州" selected>常州</option>
										</select>
									</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key"><strong>*</strong>性别</div>
									<div class="info-value">
										<input type="radio" value="男" id="genderMale" class="gender-male" checked>
										<label for="genderMale">男</label>
										<input type="radio" value="女" id="genderFemale" class="gender-female">
										<label for="genderFemale">女</label>
									</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">个性签名</div>
									<div class="info-value">
										<textarea name="" id="" cols="15" rows="2">这是一条个性签名</textarea>
									</div>
								</div>
							</div>
							-->
						</div>
						
						<!-- 宝宝信息 -->
						<div class="block block-baseinfo">
							<div class="block-titlebar">
								<div class="title">
									宝宝信息
								</div>
								<!-- 
								<div class="btn-edit">
									<a class="btn-gray-1">
										<span>管理</span>
									</a>
								</div> -->
							</div>
							<!-- 阅读态 -->
							<c:forEach  var="baby" items="${babyList }">
							<div class="block-items block-items-read">
								<div class="block-item clearfix">
									<div class="info-key">宝宝姓名</div>
									<div class="info-value">${baby.nickname }</div>
								</div>
								<!-- 
								<div class="block-item clearfix">
									<div class="info-key">性别</div>
									<div class="info-value">男</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">出生日期</div>
									<div class="info-value">2013-03-05</div>
								</div>
								 -->
								<div class="block-item clearfix">
									<div class="info-key">您是Ta的</div>
									<div class="info-value">${baby.relation }</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key">所在班级</div>
									<div class="info-value">${baby.baby_className }</div>
								</div>
							</div>
							</c:forEach>
							<!-- 编辑态 
							<div class="block-items block-items-edit" style="display:none;">
								<div class="block-item clearfix">
									<div class="info-key"><strong>*</strong>宝宝姓名</div>
									<div class="info-value">
										<input type="text" value="某某某">
									</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key"><strong>*</strong>性别</div>
									<div class="info-value">
										<input type="radio" value="男" checked="checked" id="genderMale2" class="gender-male">
										<label for="genderMale2">男</label>
										<input type="radio" value="女" id="genderFemale" class="gender-female">
										<label for="genderFemale2">女</label>
									</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key"><strong>*</strong>出生日期</div>
									<div class="info-value">
										<select name="" id="">
											<option value="" selected>2013</option>
										</select>
										<select name="" id="">
											<option value="" selected>03</option>
										</select>
										<select name="" id="">
											<option value="" selected>05</option>
										</select>
									</div>
								</div>
								<div class="block-item clearfix">
									<div class="info-key"><strong>*</strong>与您的关系</div>
									<div class="info-value">
										<select name="" id="">
											<option value="" selected>母子</option>
										</select>
									</div>
								</div>
							</div>
							-->
						</div>
					</div>

					<!-- 编辑面板结束 -->
					
					<!-- 侧栏 -->

					<div class="side-infocard">

						<div style="height:500px">

						</div>


					</div>	

				</div>


				
			</div>
			<!-- 返回顶部 -->
			<s:action name="userhomecomm_backToTop" namespace="/user" executeResult="true"></s:action>
			<!-- end 返回顶部 -->
		</div>
		<!-- footer copyright -->
		<s:action name="userhomecomm_homeFooter" namespace="/user" executeResult="true"></s:action>
		<!-- /footer copyright -->
	</div>



	<script type="text/javascript">
	    
		function editMyinfo (){
			if ($(this).hasClass('editing')) {
				$(this).removeClass('editing');
				$(this).children('a').children('span').text('管理');
				$(this).parents('.block').children('.block-items-edit').css('display','none');
				$(this).parents('.block').children('.block-items-read').css('display','block');
			} else {
				$(this).addClass('editing');
				$(this).children('a').children('span').text('保存');
				$(this).parents('.block').children('.block-items-read').css('display','none');
				$(this).parents('.block').children('.block-items-edit').css('display','block');
			}
		
			
		}
		
		$('.btn-edit').click(editMyinfo);


		$('.gender-male,.gender-female').click(function(){
			$(this).siblings('input').attr('checked',false);
			$(this).attr('checked','checked');
		});

	</script>


</body>
</html>

